<style type="text/css">
a.toltip{position:relative; z-index:24; color:#3CA3FF;}
a.toltip span{display:none;}
a.toltip:hover{z-index:25;}
a.toltip:hover span.tooltip{display:block; position:absolute; top:15px; left:80px; padding:15px 0 0 0; width:200px; color:#000; text-align:center;opacity:0.8;}
a.toltip:hover span.top{display:block; padding:30px 8px 0; background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bubble.gif) no-repeat top;
}
a.toltip:hover span.middle{display:block; padding:0 8px;font:12px Verdana;background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bubble_filler.gif) repeat bottom;
}
a.toltip:hover span.bottom{display:block; padding:3px 8px 10px; color:#548912; background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bubble.gif) no-repeat bottom;
}
ul#lefdock{position:fixed;left:-140px;top:35%;transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);
}
ul#lefdock li{width:60px;display:inline;float:left;border:0
}
ul#lefdock li a{background-position:center;background-repeat:no-repeat;background-size:60px 30px;display:block;float:left;width:130px;height:130px;text-decoration:none;text-align:center;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;opacity:.5;transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(90deg);
}
ul#lefdock li a:hover{background-size:100px 100px;opacity:1;margin-top:-30px;
}
ul#lefdock .home a{background-image:url(http://i1206.photobucket.com/albums/bb455/binkbenk/home1.png)}
ul#lefdock .isi a{background-image:url(http://i1206.photobucket.com/albums/bb455/binkbenk/isingi.png)}
ul#lefdock .fb a{background-image:url(http://i1206.photobucket.com/albums/bb455/binkbenk/facebook_256-1.png)}
ul#lefdock .twit a{background-image:url(http://i1206.photobucket.com/albums/bb455/binkbenk/twitter1.png)}
</style>
<br />
<ul id="lefdock">
<li class="home"><a class="toltip" href="http://www.blogger.com/"><span class="tooltip"><span class="top"></span><span class="middle">Berandaku Disini</span><span class="bottom"></span></span></a></li>
<li class="isi"><a class="toltip" href="http://binal33.blogspot.com/2013/06/loading.html"><span class="tooltip"><span class="top"></span><span class="middle">Daftar Isi Blogku</span><span class="bottom"></span></span></a></li>
<li class="fb"><a class="toltip" href="http://www.facebook.com/harris.munaharr"><span class="tooltip"><span class="top"></span><span class="middle">Kenal Aku Lewat Facebook</span><span class="bottom"></span></span></a></li>
<li class="twit"><a class="toltip" href="http://www.twitter.com/harrismunahar"><span class="tooltip"><span class="top"></span><span class="middle">Twiterin Aku Dong</span><span class="bottom"></span></span></a></li>
</ul>